<template>
  <div id="login">
      <form action="#">
          <p><input type="text" placeholder="账户/手机号/邮箱"></p>
          <p><input type="password" placeholder="请输入密码"></p>
          <p><button>登录</button></p>
      </form>
      <div class="find-password">
          <span>立即注册</span>
          <span>找回密码</span>
          </div>
  </div>
</template>

<script>
export default {
    name:'Login'
}
</script>

<style scoped>
#login{
    padding-top:50px ;
}
input{
    height: 40px;
    border: none;
    width: 96%;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
    outline: none;
}
button{
    border: none;
    width: 95%;
    margin: 10px;
    background: #ec4847;
    height: 40px;
    border-radius: 5px;
    color: white;
    font-size: 14px;
}
.find-password{
    display: flex;
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
}
.find-password span{
    color: #e54847;
}
</style>